<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>一个input实现多图片上传</title>
		<script src="js/jquery.min.js"></script>
		<script src="js/uploadImg.js"></script>
		<style type="text/css"></style>
		<link rel="stylesheet" type="text/css" href="css/uploadImg.css">
	</head>
	<body>
		<form  id="upBox">
			小区名字：<input name="areaName">
			<div id="inputBox">
				<input type="file" name="file" title="请选择图片" id="file" multiple="multiple" accept="image/png,image/jpg,image/gif,image/JPEG"/>选择图片
			</div>
		    <div id="imgBox">
		    </div>
		    <!-- <button id="btn">上传</button> -->
		    <!--  上传按钮的标签在form表单里面最好不要写成button，在非IE内核的浏览器会
		    	  直接提交form的action,而不是我们自己ajax里面写的地址。具体可百度看
		    	  button 和 input type="button" 的区别
		     -->
		    <input type="button" value="上传" id="btn">
		</form>
	</body>
	<script type="text/javascript">
		imgUpload({
			inputId:'file', //input框id
			imgBox:'imgBox', //图片容器id
			buttonId:'btn', //提交按钮id
			upUrl:'/uploadController/uploadImg',  //提交地址
			data:'file', //参数名
			num:"10"//最多上传图片个数
		})
	</script>
	
</html>
